<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="Mosaddek">
		<meta name="keyword" content="FlatLab, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
		<link rel="shortcut icon" href="img/favicon.html">

		<title>Profile Edit</title>

		<!-- Bootstrap core CSS -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/bootstrap-reset.css" rel="stylesheet">
		<!--external css-->
		<link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
		<!-- Custom styles for this template -->
		<link href="css/style.css" rel="stylesheet">
		<link href="css/style-responsive.css" rel="stylesheet" />

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
		<!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
    <![endif]-->
	</head>

	<body>

		<section id="container" class="">
			<!--header start-->
			<div id="header">

			</div>
			<!--main content start-->
			<section id="main-content">
				<section class="wrapper">
					<!-- page start-->
					<div class="row">
						<aside class="profile-nav col-lg-3">
							<section class="panel">
								<div class="user-heading round">
									<a href="#">
										<img :src='"http://1.116.220.143:9999/"+user.img' alt="" id="imgs">
									</a>
									<div style="position: relative;">
										<form enctype="multipart/form-data" method="post" id="imgForm">
											<button style="width: 100px;height: 30px;background-color: #41cac0;color: white;border: none;border-radius: 10px;">
												更换图片
											</button>
											<input type="file" id="file" name="file" accept="image/*"
												   style="position: absolute;left: 0;top: 0;opacity: 0;" @change="updateImg($event)">
										</form>
									</div>
									<h1>{{user.userName}}</h1>
								</div>

								<ul class="nav nav-pills nav-stacked">
									<li ><a href="userInfo.html"> <i class="icon-user"></i> 基本信息</a></li>
									<li class="active"><a href="userInfoModify.html"> <i class="icon-calendar"></i> 修改信息</a></li>
									<li><a href="userPwdModify.html"> <i class="icon-edit"></i>密码修改</a></li>
									<li><a href="userInfoPaiban.html"> <i class="icon-edit"></i>查看本月排班</a></li>
									
								</ul>

							</section>
						</aside>
						<aside class="profile-info col-lg-9">
							<section class="panel">
								<div class="bio-graph-heading">
									今天又是美好的一天
								</div>
								<div class="panel-body bio-graph-info">
									<h1> 修改信息</h1>
									<form class="form-horizontal" role="form">
<!--										<div class="form-group">-->
<!--											<label class="col-lg-2 control-label">简介</label>-->
<!--											<div class="col-lg-10">-->
<!--												<textarea name="" id="" class="form-control" cols="30"-->
<!--													rows="10">测试简介</textarea>-->
<!--											</div>-->
<!--										</div>-->
										<div class="form-group">
											<label class="col-lg-2 control-label">姓名</label>
											<div class="col-lg-6">
												<input type="text" class="form-control" id="f-name" name="userName"
													v-model="user.userName">
											</div>
										</div>
										<div class="form-group">
											<label class="col-lg-2 control-label">住址</label>
											<div class="col-lg-6">
												<input type="text" class="form-control" id="c-name" placeholder=" "
													v-model="user.address">
											</div>
										</div>
										<div class="form-group">
											<label class="col-lg-2 control-label">电话</label>
											<div class="col-lg-6">
												<input type="text" class="form-control" id="b-day" placeholder=" "
													v-model="user.phone">
											</div>
										</div>
										<div class="form-group">
											<label class="col-lg-2 control-label">紧急联系人电话</label>
											<div class="col-lg-6">
												<input type="text" class="form-control" id="email" placeholder=" "
													v-model="user.keyContactsphone">
											</div>
										</div>
										<div class="form-group">
											<label class="col-lg-2 control-label">身份证</label>
											<div class="col-lg-6">
												<input type="text" class="form-control" id="mobile" placeholder=" "
													v-model="user.identityCode">
											</div>
										</div>

										<div class="form-group">
											<div class="col-lg-offset-2 col-lg-10">
												<button type="button" class="btn btn-success qr" @click="updateUser">确认修改</button>
												<button type="button" class="btn btn-default fh">返回</button>
											</div>
										</div>
									</form>
								</div>
							</section>
						</aside>
					</div>

					<!-- page end-->
				</section>
			</section>
			<!--main content end-->
		</section>

		<!-- js placed at the end of the document so the pages load faster -->
		<script src="js/jquery.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/jquery.scrollTo.min.js"></script>
		<script src="js/jquery.nicescroll.js" type="text/javascript"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/axios.js"></script>
		<script src="localjs/userinfo.js"></script>
		<script src="assets/jquery-knob/js/jquery.knob.js"></script>

		<!--common script for all pages-->
		<script src="js/common-scripts.js"></script>


	</body>
</html>
